<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>奖状</title>
    <link rel="stylesheet" href="./index2.css">
    <style>
    .box {
        width: 500px;
        height: 372px;
        background-image: url(http://codelover.club/coursefiles/FlMjgnGwgEc0Dzs0m4kG7VgCByhA.jpg);
        display: flow-root;
        font-weight: bold;
        font-family: '楷体';
        font-size: 20px;
        margin: 30px auto;
    }
    .name {
        margin-top: 122px;
        margin-left: 82px;
    }
    .main2 {
        margin-left: 82px;
        margin-right: 65px;
        text-indent: 2em;
    }
    .main1 {
        margin-left: 82px;
        margin-right: 65px;
        text-indent: 2em; 
    }
    .end {
        margin-left: 192px;
        margin-right: 65px;
    }
    .end1 {
        margin-left: 263px;
    }
    .box .name span {
        font-size: 33px;
        text-decoration: underline;
    }
    html, body {
            background-image: url(https://p.qqan.com/up/2020-10/16030984182548078.jpg) ;
        } 
    .top-nav {
            background-color: rgba(100, 148, 237, 0.283);
        }
    </style>
</head>
<body>
    <div class="top-nav">
        <ul>
            <li><a href="./css样式一.html">css样式一</a></li>
            <li><a href="./盒子模型.html">选择器与盒子</a></li>
            <li><a href="./五星图.html">颜色与背景</a></li>
            <li><a href="./天龙八部.html">格式化文本</a></li>
        </ul>
    </div>
    <div class="box">
        <p class="name"><span>张三</span>同学：</p>
         <p class="main2">在第5届中国程序猿吐槽大会上，过关斩将，荣获大会“一等大嘴奖。</p>   
         <p class="main1">特发此证，以资证明</p>
         <p class="end">中国程序猿吐槽大会组委会</p>
         <p class="end1">2025年12月6日</p>
        </div> 
    <div class="box">
        <p class="name"><span>张三</span>同学：</p>
         <p class="main2">在第5届中国程序猿吐槽大会上，过关斩将，荣获大会“二等大嘴奖。</p>   
         <p class="main1">特发此证，以资证明</p>
         <p class="end">中国程序猿吐槽大会组委会</p>
         <p class="end1">2025年12月6日</p>
        </div> 
    <div class="box">
        <p class="name"><span>张三</span>同学：</p>
         <p class="main2">在第5届中国程序猿吐槽大会上，过关斩将，荣获大会“三等大嘴奖。</p>   
         <p class="main1">特发此证，以资证明</p>
         <p class="end">中国程序猿吐槽大会组委会</p>
         <p class="end1">2025年12月6日</p>
        </div> 
</body>
</html>